@import '~antd/es/style/themes/default.less';
.uploadContainer {
  :global {
    .des {
      margin-bottom: 5px;
      display: inline-block;
      &:before {
        display: inline-block;
        color: #ff4d4f;
        margin-right: 4px;
        font-size: 14px;
        font-family: SimSun, sans-serif;
        line-height: 1;
        content: '*';
      }
    }
    .btns {
      display: flex;
    }
    .webuploader-pick {
      position: relative;
      display: inline-block;
      cursor: pointer;
      background: #1890ff;
      padding: 5px 15px;
      margin-right: 5px;
      color: #fff;
      text-align: center;
      border-radius: 3px;
      overflow: hidden;
    }
    .webuploader-container {
      position: relative;
    }
    .webuploader-element-invisible {
      position: absolute !important;
      clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
      clip: rect(1px, 1px, 1px, 1px);
    }
    .webuploader-pick-hover {
      color: #fff;
      background: #40a9ff;
      border-color: #40a9ff;
    }
    .webuploader-pick-disable {
      opacity: 0.6;
      pointer-events: none;
    }
    .state {
      font-size: 12px;
    }
    .state.success {
      color: green;
    }
    .state.error {
      color: #ff4d4f;
    }
    .error::before {
      display: inline-block;
      margin-right: 4px;
      font-size: 14px;
      font-family: SimSun, sans-serif;
      line-height: 1;
      content: '*';
    }

    .progress {
      height: 20px;
      margin-bottom: 20px;
      overflow: hidden;
      background-color: #f5f5f5;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .progress .text{
      position: absolute;
      right: 30px;
      line-height: 20px;
    }
    .progress.active .progress-bar {
      -webkit-animation: progress-bar-stripes 2s linear infinite;
      animation: progress-bar-stripes 2s linear infinite;
    }

    .progress-striped .progress-bar {
      background-image: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
      );
      background-size: 40px 40px;
    }
    .progress-bar {
      background-image: -webkit-linear-gradient(top, #428bca 0, #3071a9 100%);
      background-image: linear-gradient(to bottom, #428bca 0, #3071a9 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);
    }
    .progress-bar {
      float: left;
      height: 100%;
      font-size: 12px;
      line-height: 20px;
      color: #fff;
      text-align: center;
      background-color: #428bca;
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
      transition: width 0.6s ease;
    }
  }
}
.thumb {
  :global {
    .ant-avatar-image {
      width: 4rem;
      height: 4rem;
      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }
  }
}
.ProgramModel{
  :global{
    .ant-table-body{
      &::-webkit-scrollbar{
        width: 4px;
        background-color: transparent;
        box-shadow: 5px 5px 25px 0 rgba(217,217,217,.1);
      }
      &::-webkit-scrollbar-thumb {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color:  rgba(217,217,217,.9);
      }
      &::-webkit-scrollbar-track {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color: transparent;
      }
    }
  }
}